﻿.mydatagrid

{

    width: 80%;

    border: solid 2px black;

    min-width: 80%;

}

.header

{

    background-color: #646464;

    font-family: Arial;

    color: White;

    border: none 0px transparent;

    height: 25px;

    text-align: center;

    font-size: 16px;

}

 

.rows

{

    background-color: #fff;

   font-family: Arial;

    font-size: 14px;

   color: #000;

   min-height: 25px;

   text-align: left;

   border: none 0px transparent;

}

.rows:hover

{

    background-color: #ff8000;

    font-family: Arial;

    color: #fff;

    text-align: left;

}

.selectedrow

{

    background-color: #ff8000;

    font-family: Arial;

    color: #fff;

  font-weight: bold;

  text-align: left;

}

.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/

{

    background-color: #c9c9c9;

    color: #000;

    padding: 5px 5px 5px 5px;

}

.pager

{

    background-color: #646464;

    font-family: Arial;

    color: White;

    height: 30px;

    text-align: left;

}

 

.mydatagrid td

{

    padding: 5px;

}

.mydatagrid th

{

    padding: 5px;

}
